import { FC } from "react"
// 创建一个函数组件

// 每个组件都可以接受props作为参数,这个props是一个对象,这个对象可以用于接受父组件传递的内容,只读不可以修改

// react中对于函数组件,有提前声明好的泛型FC

//声明props的类型
type Iprops = {
    date?: Date,
    [k: string]: any
}

let Tick: FC<Iprops> = (props) => {
    // props.date = new Date()
    console.log(props)
    return (
        <div className="tick">
            <h2>一个计时器</h2>
            <h3>当前时间是：{props.date!.toLocaleTimeString()}</h3>
        </div>
    )
}

//定义默认props,当组件没有传入props的时候,那么会使用默认的props 如果传入了,那么就会使用传入的props

Tick.defaultProps = {
    date: new Date(),
    name: '李雷'
}


export default Tick